<!DOCTYPE html>
<html lang="en">
<style>
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body {
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: black;
        
    }

    .guang {
        position: relative;
        display: inline-block;
        width: 350px;
        height: 80px;
        color: rgb(255, 255, 255);
        line-height: 80px;
        font-size: 35px;
        font-family: sans-serif;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        border-radius: 30px;
        background: linear-gradient(90deg, rgb(39, 122, 218), rgb(74, 230, 121), rgb(201, 214, 13), rgb(226, 20, 233), rgb(16, 172, 219));
        background-size: 400%;
        z-index: 1;
        text-shadow: 0 0 5px white,
        0 0 5px white;
        
    }

    .guang:hover {
        animation: move 5s linear alternate infinite;
    }

    @keyframes move {
        0% {
            background-position: 0%;
        }
        100% {
            background-position: 100%;
        }
    }

    .guang::before {
        content: '';
        position: absolute;
        top: -10px;
        left: -10px;
        width: 350px;
        height: 100px;
        background: linear-gradient(90deg, rgb(39, 122, 218), rgb(74, 230, 121), rgb(243, 169, 10), rgb(226, 20, 233), rgb(16, 172, 219));
        background-size: 400%;
        opacity: 0;
        z-index: -1;
        border-radius: 45px;
        transition: 0.6s;

    }

    .guang:hover::before {
        filter: blur(15px);
        opacity: 1;
        animation: move 8s linear alternate infinite;
    }

    ul li {
        color: #FFFFFF;
    }

    li {
        list-style: none;
    }

    .box {
        /* margin: 20px; */
        /* width: 475px;
        height: 400px; */
        width: 100%;
        height: 100%;
        border: 1px solid #ddd;
        padding: 10px;
        overflow: hidden;
    }

    .box ul li {
        line-height: 25px;
    }

</style>
<script charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&key=H3FBZ-5MMKJ-HEDFW-D6NFK-46AZ6-LPBUE"></script>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <meta http-equiv="refresh" content="30">
    <script type="text/javascript" src="js/rem.js"></script>
    <link rel="stylesheet" href="css/style.css">
    <title>中昊供应链-大屏幕</title>
</head>

<body style="visibility: hidden;">
<div class="container-flex" tabindex="0" hidefocus="true">
    <div class="box-left">
        <div class="left-top">
            <div class="current-num">
                <div>平台运输总量(万吨/万元)</div>
                <p id='total'>1298861.15</p>
            </div>
        </div>
        <div class="left-center">
            <div class="title-box">
                <h6>货物类型占比</h6>
            </div>
            <div class="chart-box pie-chart">
                <div id="pie"></div>
                <div>
                    <div class="pie-data">

                    </div>
                </div>
            </div>
        </div>
        <div class="left-bottom" class="select">
            <div class="title-box">
                <h6>今日实时运单</h6>
<!--                <img class="line-img" src="images/line-blue.png" alt="">-->
<!--                <button id="filBtn"><img src="images/select_icon.png" alt="">筛选</button>-->
            </div>
            <div class="chart-box">
                <div class="filter-con" id="filCon" data-type="1">
                    <div class="select" tabindex="0" hidefocus="true">
                        <div class="select-div">
                            派11件
                        </div>
                        <ul class="select-ul">
                            <li class="active" data-value="1">派件</li>
                            <li data-value="2">寄件</li>
                        </ul>
                    </div>
                    <div class="select" tabindex="0" hidefocus="true">
                        <div class="select-div">
                            公司
                        </div>
                        <ul class="select-ul company">
                            <li class="active" data-value="">公司</li>
                            <li data-value="1">顺丰</li>
                            <li data-value="2">京东</li>
                            <li data-value="2">EMS</li>
                        </ul>
                    </div>
                    <div class="select" tabindex="0" hidefocus="true">
                        <div class="select-div">
                            快件类型
                        </div>
                        <ul class="select-ul">
                            <li class="active" data-value="">快件类型</li>
                            <li data-value="0">文件</li>
                            <li data-value="1">物品</li>
                        </ul>
                    </div>
                </div>
                <!--  <div> <a href="">2321313</a>   </div> -->
                <div style="height: 85%;">
                    <!--                    <marquee>-->
                    <!--                       <div style="font-size: 30px;color: white" id='gdxs'></div>-->
                    <!--                    </marquee>-->
                    <div class="box" style="font-size: 14px;margin-top: 50px;">
                        <ul id="listBox">

                        </ul>
                    </div>

                    <div id="gdMap" class="gd-map" style="display: none;"></div>

                </div>
            </div>
        </div>
    </div>
    <div class="box-center">
        <div class="center-top">
            <h1>中昊网络货运信息管理中心</h1>
        </div>
        <div class="center-center">
            <div class="weather-box">
                <div class="data" style="border: 0px;">
                    <p class="time" id="time">00:00:00</p>
                    <p id="date"></p>
                </div>
                <!--     <div class="weather">
                        <img id="weatherImg" src="images/weather/weather_img01.png" alt="">
                        <div id="weather">
                            <p class="active">晴天</p>
                            <p>26-36℃</p>
                            <p>河南省安阳市</p>
                        </div>
                    </div> -->
            </div>
<!--            <img src="images/line_bg.png" alt="">-->
<!--            <div class="select-box">-->
<!--                &lt;!&ndash;  <ul id="barType">-->
<!--                     <li class="active" data-value="1">运回</li>-->
<!--                     <li data-value="2" style="width: 0.75rem;">运出</li>-->
<!--                 </ul> &ndash;&gt;-->
<!--                <div data-type="2">-->
<!--                    <div class="select" tabindex="0" hidefocus="true">-->
<!--                        <div class="select-div">-->
<!--                            公司-->
<!--                        </div>-->
<!--                        <ul class="select-ul company">-->
<!--                            <li class="active" data-value="">车辆类型</li>-->
<!--                            <li data-value="1">大货车</li>-->
<!--                            <li data-value="2">小货车</li>-->
<!--                            <li data-value="2">面包车</li>-->
<!--                        </ul>-->
<!--                    </div>-->
<!--                    <div class="select" tabindex="0" hidefocus="true">-->
<!--                        <div class="select-div">-->
<!--                            货物类型-->
<!--                        </div>-->
<!--                        <ul class="select-ul">-->
<!--                            <li class="active" data-value="">货物类型</li>-->
<!--                            <li data-value="0">钢铁</li>-->
<!--                            <li data-value="1">煤炭</li>-->
<!--                        </ul>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
        </div>

        <div class="center-bottom">

            <div class="chart-box">

                <div id="chart4" style="width:100%;height:95%;"></div>
            </div>
            <div class="city-data">

                <div class="city-box" style="display: none;">
                    <p id="titleQ"><span>全网</span>到安阳</p>
                    <ul class="city-btn" data-city="1">
                        <li class="active">全网</li>
                        <li>ABCDE</li>
                        <li>FGHIJ</li>
                        <li>KLMNO</li>
                        <li>PQRST</li>
                        <li>UVWXYZ</li>
                    </ul>
                    <ul class="city-div" id="city">

                    </ul>
                </div>
                <ul class="ranking-box">
                    <li><span></span>
                        <p>城市</p>
                        <p>货量</p>
                    </li>
                    <!--                        <li><span>1</span><p>上海</p><p>1sss25(万件)</p></li>-->
                </ul>
                <div class="enlarge-box">
                    <button class="enlarge-btn" id="fangda"></button>
                    <ul class="modal-btn">
                        <li>
                            <div></div>
                            1
                        </li>
                        <li>
                            <div></div>
                            2
                        </li>
                        <li>
                            <div></div>
                            3
                        </li>
                        <li>
                            <div></div>
                            4
                        </li>
                        <li>
                            <div></div>
                            5
                        </li>
                        <li>
                            <div></div>
                            6
                        </li>
                    </ul>
                </div>
            </div>
        </div>

    </div>
    <div class="box-right">
        <div class="right-top">
            <div class="title-box">
                <h6 id="barTitle">平台数据</h6>
                <img class="line-img" src="images/line-blue.png" alt="">
                <button data-state=1 id="tabBtn+"><img src="images/chart_icon.png" alt=""><span>图表</span></button>
            </div>
            <p class="unit" style="text-align: center;font-size:0.28rem;margin-top: 5%;margin-bottom: 5%">
                当日数据一览表</p>
            <div class="chart-box">
                <div id="chart3" style="width:100%;height:100%;display: none;"></div>
            </div>
            <div class="data-box" style="margin-top: 10%">
                <table class="table1">

                    <tr class="bg-color">
                        <td rowspan="2">今日入驻人数</td>
                        <td rowspan="2" id="jrrz">3人</td>
                        <td>今日入驻车辆</td>
                        <td class="table-data " id="jrcl">10辆</td>
                    </tr>

                    <tr>
                        <td rowspan="2">待提货</td>
                        <td rowspan="2" id="jrdth">33</td>

                    </tr>
                    <tr>
                        <td>运输中</td>
                        <td class="table-data " id="jrysz">22单</td>
                    </tr>
                    <tr class="bg-color">
                        <td rowspan="2">待审核</td>
                        <td rowspan="2" id="jrdsh">10单</td>
                        <td>待支付</td>
                        <td class="table-data " id="jrdzf">22单</td>
                    </tr>

                    <tr>
                        <td rowspan="2">财务待审核</td>
                        <td rowspan="2" class="" id="jrcwdsh">20单</td>

                    </tr>
                    <tr>
                        <td>今日总运单</td>
                        <td class="table-data " id="jrcount">50单</td>
                    </tr>
                </table>
                <table class="table1" style="display:none;">
                    <tr>
                        <td>入库件</td>
                        <td colspan="3" class="table-data mail-data1">1</td>
                    </tr>
                    <tr class="bg-color">
                        <td rowspan="2">在库件</td>
                        <td rowspan="2" class="table-data mail-data2">1</td>
                        <td>正常件</td>
                        <td class="table-data mail-data7">1</td>
                    </tr>
                    <tr class="bg-color">
                        <td>滞留件</td>
                        <td class="table-data mail-data4">1</td>
                    </tr>

                    <tr>
                        <td>出库件</td>
                        <td colspan="3" class="mail-data6">1</td>
                    </tr>
                    <tr class="bg-color">
                        <td>丢失件</td>
                        <td colspan="3" class="mail-data3">1</td>
                    </tr>
                    <tr>
                        <td>撤销件</td>
                        <td colspan="3" class="table-data mail-data5">1</td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="right-center">
            <div class="title-box">
                <p id="switchBtn"><span class="active" data-dataType="income">平台用户信息明细</span><img
                        class="line-img" src="images/line-blue.png" alt="">
                    <!--    <span data-dataType="expend">支出数据</span></p>
                       <img class="line-img" src="images/line-blue.png" alt="">
                       <button id="dateBtn"><img src="images/data_icon.png" alt="">日期</button> -->
            </div>
            <div class="data-box">
                <!-- <p class="data-number" id="totalProfit">www.9元</p> -->
                <table class="table11" style="margin-top: 8%">
                    <tr class="bg-color">
                        <td><a href="http://app.zhgylgl.com/api/public/index.php/houtai/index/sjsh"
                               style="color: #FFFFFF;text-decoration: none" target="_blank">已整合实际承运人</a></td>
                        <td id='sj'>3322</td>
                    </tr>
                    <tr>
                        <td><a href="http://app.zhgylgl.com/api/public/index.php/houtai/index/clsh"
                               style="color: #FFFFFF;text-decoration: none" target="_blank">已整合实际承运车辆</a></td>
                        <td id='cl'>3223</td>
                    </tr>
                    <tr class="bg-color">
                        <td><a href="http://app.zhgylgl.com/api/public/index.php/houtai/index/hzsh"
                               style="color: #FFFFFF;text-decoration: none" target="_blank">托运方</a></td>
                        <td id='hz'>23</td>
                    </tr>
                    <tr>
                        <td>平台服务商家</td>
                        <td id='jyz'>3</td>
                    </tr>
                </table>

                <div class="time-box" id="timeBox">
                    <div class="time-div">
                        <input class="time-input" type="text" value="" id="startTime">
                        <img src="images/selsct_time.png" alt="">
                    </div>
                    <div class="time-div end">
                        <input class="time-input" type="text" value="" id="endTime">
                        <img src="images/selsct_time.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="right-bottom">
            <div class="title-box">
                <button id="setBtn"><img src="images/settings_icon.png" alt="">设置</button>
            </div>
            <div class="data-box">
                <div class="settings-box">
                    <p><img src="images/teacher_icon.png" alt="">今日值班：路朝阳<span id="name_a"></span><span
                            id="date_a"></span></p>
                    <p><img src="images/people_iocn.png" alt="">负责人：路朝阳<span id="lea_a"></span></p>
                    <p><a href="http://app.zhgylgl.com/api/public/index.php/houtai/pub/login.html" target="_blank"
                          style="color: white">后台管理系统</a></p>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="pop-up">
        <span class="close-pop"></span>
        <h2 class="title">当前到件量</h2>
        <div class="pop-data-box">
            <p>123,456,789</p>
        </div>
    </div>

    <div class="pop-up">
        <span class="close-pop"></span>
        <h2 class="title">派件入库量占比</h2>
        <div class="chart-box pie-chart">
            <div id="pie1"></div>
            <div>
                <div class="pie-data">
                </div>
            </div>
        </div>
    </div>

    <div class="pop-up">
        <span class="close-pop"></span>
        <h2 class="title">广东省寄派件数据 </h2>
        <div class="filter-con pop-filter" style="display:flex" data-type="3">
            <div class="select" tabindex="0" hidefocus="true">
                <div class="select-div">
                    派件
                </div>
                <ul class="select-ul">
                    <li class="active" data-value="1">派件</li>
                    <li data-value="2">寄件</li>
                </ul>
            </div>
            <div class="select" tabindex="0" hidefocus="true">
                <div class="select-div">
                    公司
                </div>
                <ul class="select-ul company">
                    <li class="active" data-value="">公司</li>
                    <li data-value="1">顺丰</li>
                    <li data-value="2">京东</li>
                    <li data-value="2">EMS</li>
                </ul>
            </div>
            <div class="select" tabindex="0" hidefocus="true">
                <div class="select-div">
                    快件类型
                </div>
                <ul class="select-ul">
                    <li class="active" data-value="">货物类型</li>
                    <li data-value="0">钢铁</li>
                    <li data-value="1">煤炭</li>
                </ul>
            </div>
        </div>
        <div class="chart-box pop-chart">
            <div id="gdMaps" class="gd-map"></div>
        </div>
    </div>

    <div class="pop-up">
        <span class="close-pop"></span>
        <div class="filter-con pop-filters" style="display:flex" data-type="4">
            <div class="select-pop" tabindex="0" hidefocus="true">
                <ul id="barTypes">
                    <li class="active" data-value="1">运进</li>
                    <li data-value="2">运出</li>
                </ul>
            </div>
            <div class="select" tabindex="0" hidefocus="true">
                <div class="select-div">
                    公司
                </div>
                <ul class="select-ul company">
                    <li class="active" data-value="">公司</li>
                    <li data-value="1">顺丰</li>
                    <li data-value="2">京东</li>
                    <li data-value="2">EMS</li>
                </ul>
            </div>
            <div class="select" tabindex="0" hidefocus="true">
                <div class="select-div">
                    快件类型
                </div>
                <ul class="select-ul">
                    <li class="active" data-value="">快件类型</li>
                    <li data-value="0">文件</li>
                    <li data-value="1">物品</li>
                </ul>
            </div>
        </div>
        <div class="cont-div">
            <div class="chart-box pop-charts">
                <div id="chart4s" style="width:100%;height:95%;"></div>
            </div>
        </div>
        <div class="cont-div">
            <h2 class="title" id="barTitles">派件数据</h2>
            <button class="btn-class" data-state=1 id="tabBtns"><img src="images/chart_icon.png"
                                                                     alt=""><span>图表</span></button>
            <div class="chart-box pop-chart">
                <div id="chart3s" style="width:100%;height:90%;"></div>
            </div>
            <div class="data-box" style="top:25%;width:8.6rem;display:none;">
                <table class="table2">
                    <tr>
                        <td>入库件</td>
                        <td colspan="3" class="table-data dph-data1">0</td>
                    </tr>
                    <tr class="bg-color">
                        <td rowspan="2">在库件</td>
                        <td rowspan="2" class="table-data dph-data2">0</td>
                        <td>正常件</td>
                        <td class="table-data dph-data3">0</td>
                    </tr>
                    <tr class="bg-color">
                        <td>滞留件</td>
                        <td class="table-data dph-data5">0</td>
                    </tr>
                    <tr>
                        <td rowspan="2">出库件</td>
                        <td rowspan="2" class="dph-data6">0</td>
                        <td>派送件</td>
                        <td class="table-data dph-data7">0</td>
                    </tr>
                    <tr>
                        <td>自提件</td>
                        <td class="table-data dph-data8">0</td>
                    </tr>
                    <tr class="bg-color">
                        <td>退签件</td>
                        <td colspan="3" class="table-data dph-data9">0</td>
                    </tr>
                    <tr>
                        <td>丢失件</td>
                        <td colspan="3" class="table-data dph-data4">0</td>
                    </tr>
                </table>
                <table class="table2" style="display:none;">
                    <tr>
                        <td>入库件</td>
                        <td colspan="3" class="table-data mail-data1">0</td>
                    </tr>
                    <tr class="bg-color">
                        <td rowspan="2">在库件</td>
                        <td rowspan="2" class="table-data mail-data2">0</td>
                        <td>正常件</td>
                        <td class="table-data mail-data7">0</td>
                    </tr>
                    <tr class="bg-color">
                        <td>滞留件</td>
                        <td class="table-data mail-data4">0</td>
                    </tr>

                    <tr>
                        <td>出库件</td>
                        <td colspan="3" class="mail-data6">0</td>
                    </tr>
                    <tr class="bg-color">
                        <td>丢失件</td>
                        <td colspan="3" class="mail-data3">0</td>
                    </tr>
                    <tr>
                        <td>撤销件</td>
                        <td colspan="3" class="table-data mail-data5">0</td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="cont-div">
            <h2 class="title" id="titles"></h2>
            <button class="btn-class" id="dateBtns"><img src="images/data_icon.png" alt="">日期</button>
            <div class="data-box  pop-time">
                <div class="time-box" id="timeBoxs">
                    <div class="time-div">
                        <input class="time-input" type="text" value="" id="startTimes">
                        <img src="images/selsct_time.png" alt="">
                    </div>
                    <div class="time-div end">
                        <input class="time-input" type="text" value="" id="endTimes">
                        <img src="images/selsct_time.png" alt="">
                    </div>
                </div>
            </div>
            <div class="pop-data-box" id="totalProfits">
                <p></p>
            </div>
        </div>
        <div class="pop-data">
            <div class="city-data">
                <div class="city-box">
                    <p id="titleQs"><span>全网</span>到安阳</p>
                    <ul class="city-btn" data-city="2">
                        <li class="active">全网</li>
                        <li>ABCDE</li>
                        <li>FGHIJ</li>
                        <li>KLMNO</li>
                        <li>PQRST</li>
                        <li>UVWXYZ</li>
                    </ul>
                    <ul class="city-div" id="citys">

                    </ul>
                </div>
                <ul class="ranking-box">
                    <li><span></span>
                        <p>城市</p>
                        <p>货量</p>
                    </li>
                    <!--                        <li><span>1</span><p>上海</p><p>1sss25(万件)</p></li>-->
                </ul>

            </div>
        </div>
    </div>
    <div class="pop-up">
        <span class="close-pop"></span>
        <h2 class="title">设置</h2>
        <div class="set-div">
            <div class="set-box">
                <label class="four-f" for="">排班日期</label>
                <div class="time-div">
                    <input class="time-input" type="text" value="" id="times">
                    <img src="images/selsct_time.png" alt="">
                </div>
            </div>
            <div class="set-box">
                <label for="">值班人</label>
                <input type="text" value="">
                <button class="plus" id="addT"></button>
                <button class="mineus" id="mineusT" style="display:none;"></button>
            </div>
            <div class="set-box">
                <label for="">负责人</label>
                <input type="text" value="">
                <button class="plus" id="addL"></button>
                <button class="mineus" id="mineusL" style="display:none;"></button>
                <button class="add-btn" id="addSet"><img src="images/plus.png" alt="">添加</button>
            </div>
            <table class="table3">
                <thead>
                <tr>
                    <th>值班人</th>
                    <th>排班日期</th>
                    <th>负责人</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody id="tList">
                <!--
                                        <tr>
                                            <td colspan="4">
                                                <p style="width:9.6rem;">暂无数据</p>
                                            </td>
                                        </tr>
                -->
                <tr>
                    <td>1</td>
                    <td>1</td>
                    <td>1</td>
                    <td>1</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>1</td>
                    <td>1</td>
                    <td>1</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>1</td>
                    <td>1</td>
                    <td>1</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>1</td>
                    <td>1</td>
                    <td>1</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>1</td>
                    <td>1</td>
                    <td>1</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>1</td>
                    <td>1</td>
                    <td>1</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>1</td>
                    <td>1</td>
                    <td>1</td>
                </tr>
                </tbody>
            </table>
            <div class="pages-div" class="mineus">
                <button class="prev"></button>
                <p id="page"><span>0</span>/<span>0</span></p>
                <button class="next"></button>
                <input type="number">
                <button class="skip">跳转</button>
            </div>
        </div>
        <div class="tishi">日期已存在!</div>
        <div class="edit-div" style="display:none;">
            <h4>编辑</h4>
            <span class="close-edit"></span>
            <div class="set-box">
                <label for="">值班人</label>
                <input class="input-edit" id="editT" type="text" value="">
            </div>
            <div class="set-box">
                <label for="">负责人</label>
                <input class="input-edit" id="editL" type="text" value="">
            </div>
            <div class="set-box edit-box">
                <button id="qxEdit">取消</button>
                <button id="qdEdit">确定</button>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/layer/layer.min.js"></script>
<script type="text/javascript" src="js/layer/laydate/laydate.js"></script>
<script type="text/javascript" src="js/echarts.min.js"></script>
<script type="text/javascript" src="js/china.js"></script>
<script type="text/javascript" src="js/data/guangdong.js"></script>
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript">
    $('document').ready(function () {
        $("body").css('visibility', 'visible');
        var localData = [$('#teacher').val(), $('#start').val() + '/' + $('#end').val(), $('#leader').val()]
        localStorage.setItem("data", localData);
        $('#conBtn').on('click', function () {
            localData = [$('#teacher').val(), $('#start').val() + '/' + $('#end').val(), $('#leader').val()]
            if (typeof (Storage) !== "undefined") {
                localStorage.setItem("data", localData);
                var arr = localStorage.getItem("data").split(',');
                $('#name_a').html(arr[0]);
                $('#date_a').html(arr[1]);
                $('#lea_a').html(arr[2]);
            }
        })
        $('#fangda').on('click', function () {
            if ($(this).siblings('ul').is(":hidden")) {
                $(this).addClass('active').siblings('ul').show();
            } else {
                $(this).removeClass('active').siblings('ul').hide();
            }
        })

        $('.modal-btn>li').on('click', function () {
            var index = $(this).index();
            if (index <= 2) {
                $('.container').attr('style', 'visibility: visible').find('.pop-up').eq(index).attr('style', 'visibility: visible').siblings().attr('style', 'visibility: hidden');
            } else if (index > 2 && index < 5) {
                $('.container').attr('style', 'visibility: visible').find('.pop-up').eq(3).attr('style', 'visibility: visible').siblings().attr('style', 'visibility: hidden');
                if (index != 3) {
                    $('.pop-data .ranking-box').hide();
                } else {
                    $('.pop-data .ranking-box').show();
                }
                $('.cont-div').eq(index - 3).attr('style', 'visibility: visible').siblings('.cont-div').attr('style', 'visibility: hidden');
            } else if (index == 5) {
                $('.container').attr('style', 'visibility: visible').find('.pop-up').eq(3).attr('style', 'visibility: visible').siblings().attr('style', 'visibility: hidden');
                $('.pop-data .ranking-box').hide();
                if ($('#switchBtn').find('.active').data('datatype') == "income") {
                    $('#titles').html('收入数据');
                    $('#totalProfits').html('123,456.5元');
                    $('.cont-div').eq(2).attr('style', 'visibility: visible').siblings('.cont-div').attr('style', 'visibility: hidden');
                } else if ($('#switchBtn').find('.active').data('datatype') == 'expend') {
                    $('#titles').html('支出数据');
                    $('#totalProfits').html('32,111.4元');
                    $('.cont-div').eq(2).attr('style', 'visibility: visible').siblings('div').attr('style', 'visibility: hidden');
                }
            }
        })
    })
</script>
<script>

    //	    新闻列表滚动
    function timer(opj) {
        $(opj).find('ul').animate({
            marginTop: "-45px"
        }, 500, function () {
            $(this).css({
                marginTop: "0px"
            }).find("li:first").appendTo(this);
        })
    }

    $(function () {
        // var time = setInterval('timer(".apple")', 4000); //新闻列表滚动
        // var mit = setInterval('timer(".maquee")', 3000); //中奖名单-停顿滚动
        // $('.apple ul').find('li').mousemove(function () {
        //     clearInterval(time);
        // }).mouseout(function () {
        //     time = setInterval('timer(".apple")', 3000);
        // });
    });

    //      中奖名单-无缝滚动
    $(function () {
        var listPanel = $('.activity ul');
        var nubcers = 0; //向上滚动top值
        function up() { //向上滚动
            listPanel.animate({ //中奖结果
                'top': (nubcers - 35) + 'px'
            }, 1500, 'linear', function () {
                listPanel.css({
                    'top': '0px'
                })
                    .find("li:first").appendTo(listPanel);
                up();
            });
        }

        up();

    });
    //横向滚动-->
    // var demo = document.getElementById("demo");
    // var demo1 = document.getElementById("demo1");
    // var demo2 = document.getElementById("demo2");
    // demo2.innerHTML = document.getElementById("demo1").innerHTML;

    // function Marquee() {
    //     if (demo.scrollLeft - demo2.offsetWidth >= 0) {
    //         demo.scrollLeft -= demo1.offsetWidth;
    //     } else {
    //         demo.scrollLeft++;
    //     }
    // }

    // var myvar = setInterval(Marquee, 30);
    // demo.onmouseout = function () {
    //     myvar = setInterval(Marquee, 30);
    // }
    // demo.onmouseover = function () {
    //     clearInterval(myvar);
    // }
</script>
<script>

    (function ($) {
        $.fn.scrollTop = function (options) {
            var defaults = {
                speed: 30
            }
            var opts = $.extend(defaults, options);
            this.each(function () {
                var $timer;
                var scroll_top = 0;
                var obj = $(this);
                var $height = obj.find("ul").height();
                $height = 180;
                obj.find("ul").clone().appendTo(obj);
                obj.hover(function () {
                    clearInterval($timer);
                }, function () {
                    $timer = setInterval(function () {
                        scroll_top++;
                        if (scroll_top > $height) {
                            scroll_top = 0;
                        }
                        obj.find("ul").first().css("margin-top", -scroll_top);
                    }, opts.speed);
                }).trigger("mouseleave");
            })
        }
    })(jQuery)
</script>
<script>
    $(function () {
        $(".box").scrollTop({
            speed: 50 //数值越大 速度越慢
        });
        $.post(
            "http://app.zhgylgl.com/api/public/index.php/houtai/api/dpmyd",
            {},
            function (msg) {
                console.log(msg)
                var html = '';
                $.each(msg, function (i, v) {
                    html += '<a target="_blank" style="text-decoration: none;" href="http://app.zhgylgl.com/houtai/views/webpages/cardetail/detail-list.html?id=' + v.add_id + '"><li><span style="color: green">接单时间:</span>' + v.time + '&nbsp;|<span style="color: yellow">运单id：</span>' + v.add_id + '-' + v.id + '&nbsp;<span style="color: #2baa90">|司机：</span>' + v.sjxm + '</li></a>\n'
                })
                $('#listBox').append(html);

            });
    })
</script>


</html>